<template>
    <view>
        <img src="" style="width: 100%; height:300upx;background:#f0f0f0">
        <view style="text-align: center;">
            <view style="font-size: 30upx;">中国隐形独角兽500强榜单</view>
        </view>
        <view class="desc">
            报告简介，文本内容，报告简介，文本内容报告简介，文本内容大会简介，文本内容报告简介，文本内容大会简介，文本内容大会简介，文本内容大会简介，文本内容，大会简介，文本内容，大会简介，文本内容大会简介，文本内容大会简介，文本内容大会简介
        </view>
        <view style="padding: 0upx 20px;">
           

            <view style="margin-bottom:20upx" v-for="item in 4">

                <view style="margin-top: 20upx;">
                    <mainList :baseList="topCompanyBasicList" />
                </view>

            </view>
        </view>


    </view>
</template>

<script>
import mainList from '@/components/mainList/index.vue'
import uTabs from '@/components/uTabs/index.vue'
export default {
    components: {
        mainList,
        uTabs
    },
    data() {
        return {
            array: ['中国', '美国', '巴西', '日本'],
            index: 0,
            tabBasicList: [
                {
                    name: '2024'
                },
                {
                    name: '2023'
                },
                {
                    name: '2022'
                },
                {
                    name: '其他'
                }
            ],
            checkboxValue1: [],
            // 基本案列数据
            checkboxList1: [{
                name: '独角兽',
                disabled: false
            },
            {
                name: '隐形独角兽',
                disabled: false
            },
            {
                name: '其他',
                disabled: false
            }
            ],
            topCompanyBasicList: [
                {
                    id: 0,
                    title: '2024年度全球独角兽企业500强大会',
                    desc: '企业简介企业简介企业简介',
                    tag: '企业标签',
                    slot: ''
                },
                {
                    id: 1,
                    title: '2024年度全球独角兽企业500强大会',
                    desc: '企业简介企业简介企业简介',
                    tag: '企业标签',
                    slot: ''
                },
                {
                    id: 2,
                    title: '2024年度全球独角兽企业500强大会',
                    desc: '企业简介企业简介企业简介',
                    tag: '企业标签',
                    slot: ''
                }
            ],
        }
    },
    onLoad() { 
        const eventChannel = this.getOpenerEventChannel();
        eventChannel.on('acceptDataFromSourcePage',  (data) => {
            this.id = data.param.id
            // this.getDetails(data.param.id)
        });
    },
    methods: {},
}
</script>

<style scoped lang="scss">
.desc {
    margin-top: 20upx;
    font-size: 24upx;
    color: #666;
    margin-bottom: 20upx;
    background: #E5EFFF;
    padding: 20upx;
}
</style>